/*----------------------------------------*/
/*  Common CSS
/*----------------------------------------*/
html,body {
    height: 100%;
    width: 100%;
    font-family:'Microsoft YaHei', 'WenQuanYi Micro Hei',Arial, sans-serif;
    background:#f0f0f0;
}
#main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-top: 2.25rem;
    padding-bottom: 2.5rem;
    background:#efeef2;
}
.main-header {
    display: block;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}
.header-red{
    background: #e73e56;
    color:#fff;
}
#footer{
    background: #fcfdfd;
    border-top:1px solid #ddd;
}
#footer .footer-icon{
    display:inline-block;
    width:25px;
    height:25px;
    background-repeat:no-repeat;
    background-size:100%;
    position:relative;
    top:5px;
}
#footer .icon01{
    background-image:url(../image/footer-grey-icon01.png);
}
#footer .icon02{
    background-image:url(../image/footer-grey-icon02.png);
}
#footer .icon03{
    background-image:url(../image/footer-grey-icon03.png);
}
#footer .icon04{
    background-image:url(../image/footer-grey-icon04.png);
}
#footer .aui-active .aui-bar-tab-label{
    color:#e73e56;
}
#footer .aui-active .icon01{
    background-image:url(../image/footer-icon01.png);
}
#footer .aui-active .icon02{
    background-image:url(../image/footer-icon02.png);
}
#footer .aui-active .icon03{
    background-image:url(../image/footer-icon03.png);
}
#footer .aui-active .icon04{
    background-image:url(../image/footer-icon04.png);
}

/*两个按钮弹窗开始 */
#popup,#popup-single{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}
.popup-total{
    width: 240px;
    height: 95px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid #747474;
    background-color: #fff;
    border-radius: 5px;
}
.popup-detail{
    text-align: center;
    /* border-bottom: 1px solid #c9c9ca;
    margin-bottom: 2px; */
}
.popup-btn{
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin-top: 10px;
}
.popup-left{
    border-right: 1px solid #c9c9ca;
} 
.popup-left,.popup-right{
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 50%;
    background-color: #96c265;
    border-radius: 0 0 0 3px;
    color: #fff;
}
.popup-left:hover,.popup-right:hover{
    text-decoration: none;
    color: #fff;
}
.popup-single{
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #96c265;
    margin-top: 10px;
}
.know,.know:hover{
    color:#fff;
    text-decoration: none;
}
/*两个按钮弹窗结束 */
/*--------------------小提示弹框开始-------------------*/
.middleMsg {
    position: fixed;
    top: 40%;
    width: 100%;
    text-align: center;
    z-index: 999;
}
.middleMsg span {
    letter-spacing: 1px;
    display: inline-block;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px 20px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}
/*--------------------小提示弹框结束-------------------*/

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    height: 200px;
}
.swiper-slide img{
    width: 100%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff0000;
}